﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ITCR.ProyectoAgricola.Interfaz.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Catálogo Agricultura Protegida</title>
    <link href="css/estilosbanner.css" rel="stylesheet" type="text/css" />
	<link href="css/estiloscatalogobuscar.css" rel="stylesheet" type="text/css" />
	<link href="css/estilosNombreEmpresa.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosWidth.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosTabs.css" rel="stylesheet" type="text/css" />
     <link href="css/estilosCuerpoEmpresaFormulario.css" rel="stylesheet" type="text/css" />
     <link href="css/estilosFooter.css" rel="stylesheet" type="text/css" />
     <link href="css/estiloscatalogoinicio.css" rel="stylesheet" type="text/css" />
     <link href="css/estilosBotonesPrincipal.css" rel="stylesheet" type="text/css" />
     <link href="css/estilosRegistrarse.css" rel="stylesheet" type="text/css" />
    <link href="css/estiloscatalogobuscar.css" rel="stylesheet" type="text/css" />
    <script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&amp;xfbml=1"></script>    
     <style type="text/css">
        #ButtonCatalogo
        {
            background-image:url("imagenes/construccion.gif"); /*la imagen del catalgo se encuentra en "imagenes/catalogoIcono.jpg";*/
        }
        #ButtonFormulario
        {
            background-image:url("imagenes/formularioIcono.png");
        }
        #seccionTabsPrincipal
        {
            background: url(imagenes/nav-bg.png) repeat-x;
        }            
        #ImagenCancelar
        {
            background-image:url("imagenes/cancelar.png");
        }
         #ButtonHome
	   {
	       background:url("imagenes/botonHome.png");
	   }
	   #ButtonCatalogoP
	   {
	       background:url("imagenes/catalogoIconop.png") no-repeat;
	   }
     </style>
     <script language="javascript" type="text/javascript">
// <![CDATA[
         function ButtonCatalogo_Click() {
             window.open("catalogoInicio.aspx", "_parent"); /*PARA HABILITAR EL CATALOGO*/            
             //alert("En construcción");

         }
         function ButtonFormulario_Click() {
             fnAlertaLogin();
         }
        
        function fnMostrarDiv() {
            seccionRegistrarUser.style.display = "inline";
        }

        function fnEsconderDiv() {
            seccionRegistrarUser.style.display = "none";
        }
        function fnAlertaLogin()
        {
            alert('Debe estar resgistrado para llenar el formulario, para esto existe una sección en la parte superior de la página de inicio');
        }

// ]]> 
</script>
</head>
<body>
    <form id="form1" runat="server">
    <a id="linkTec" href= "http://www.tec.cr/Paginas/">TEC </a>
    <div id="seccionBanner">

		<div id= "seccionBannerTop">
		<h1> Tecnológico de Costa Rica</h1>
		</div>
	</div>
	<div id= "seccionBannerImagenes">
        <img id="imagenTec" alt="" src="imagenes/imagenTec.jpg"/>
        <img id="imagenMag" alt="" src="imagenes/mag.png"/>
		<div id="tituloEncabezado"><img alt="" src = "imagenes/tituloCatalogo.png"/></div>	
		<img id="imagensector" alt="" src="imagenes/sectorAgro.png"/>
        <img id="imagenFittacori" alt="" src="imagenes/fittacori.png" />
        <img id="imagenFittacori2" alt="" src="imagenes/fitlogo.png" />
	</div>
    <div id="seccionRegistrarUser" style="display:none">
	    <fieldset id="seccionregistrarse">	
			<legend id="legendRegistrarse"> Crear Nuevo Usuario </legend><br />
            <asp:Label ID="LabelIntroRegistro" runat="server" Text="Todos    los campos son requeridos"></asp:Label><br /><br />
            <asp:Label ID="LabelNombreUsuario" runat="server" Text="Usuario" title="No deje espacios en blanco"></asp:Label><br />        
            <asp:textbox id="TextNameUserRegistro" text="" runat="server" title="No deje espacios en blanco"></asp:textbox><br /><br />
            <asp:Label ID="LabelPassword" runat="server" Text="Contraseña"></asp:Label><br />        
            <asp:textbox id="TextPasswordRegistro" text="" runat="server" TextMode="Password"></asp:textbox><br /><br />
            <asp:Label ID="LabelConfirmarPassword" runat="server" Text="Confirmar"></asp:Label><br />
            <asp:Label ID="LabelConfirmarPassword1" runat="server" Text="Contraseña"></asp:Label><br />        
            <asp:textbox id="TextConfirmarPassword" text=" " runat="server" TextMode="Password"></asp:textbox><br /><br />
            <asp:Label ID="LabelCorreoElectronico" runat="server" Text="Correo Electrónico"></asp:Label><br />
            <asp:textbox id="TextboxCorreoElectronico" text=" " runat="server"></asp:textbox><br /><br />
            <asp:Button id="ImagenCancelar" Text="" runat="server" />  
            <asp:Button id="botonRegistro" Text="Registrarse" runat="server" OnClick="botonRegistro_Click" />  
	    </fieldset>
    </div>
	<div id="seccionBusqueda">
    <!--img id= "ImgFacebook" alt="" src="imagenes/facebook.jpg"/--> 
    <div id="fb-root"></div>
    <!--fb:like id="facelike" href="www.itcr.ac.cr/catalogoagriculturaprotegida" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like-->
        <asp:Label id="LabelUser" runat="server" Text="Usuario"></asp:Label><br /> 
        <asp:textbox id="textUser"  runat="server"></asp:textbox>
        <asp:Label id="LabelPass" runat="server" Text="Contraseña"></asp:Label><br /> 
        <asp:textbox id="textPassword"  runat="server" TextMode="Password"></asp:textbox><br />

        <a href="#"><asp:Label ID="LabelRegistrarse" runat="server" Text="Crear nuevo usuario" OnClick="fnMostrarDiv()"></asp:Label></a>       
        <img id="imagenAyudaLogin" alt="" src="imagenes/signo_pregunta.png" title="Ingrese su nombre de usuario y contraseña"/>
        <asp:Button id="ButtonIngresar" Text="Ingresar" runat="server" OnClick="ButtonIngresar_Click"/>

    </div>
	<div id="seccionNombreEmpresa">
		<img id= "ImagenfondoBanner" alt="" src="imagenes/BannerFoto.png" onclick="return ImagenfondoBanner_onclick()" />  
	</div>
    <div id="seccionTabsPrincipal">

    </div>
    <div id="seccionCuerpo">
    <div id="seccionIntroduccionInicioPrincipal"><br/><br/>
    <p id ="introduccionPrincipal">Bienvenido. <br/> Usted como proveedor de insumos y servicios para la agricultura protegida podrá:<br/>
    1. Llenar el formulario para inscribirse en la base de datos y a la vez formar parte de nuestro catalogo de productos y servicios.<br /> 
    2. Consultar el catálogo al terminar el periodo de construcción.<br /></p>
    <p id="recuerde"> RECUERDE: para llenar el formulario usted debe registrarse en el enlace <strong> "Crear nuevo usuario" </strong></p>
    </div>
    <div id="seccionBotonesPrincipal">
        <div id="seccionBotonCatalogoPrincipal">
            <asp:Button id="ButtonCatalogo" onclick=""/> <!--"ButtonCatalogo_Click()"/>-->
            <label id="labelCatalogoPrincipal">Catálogo</label>
        </div>
        <div id="seccionBotonFormularioPrincipal">
            <asp:Button id="ButtonFormulario"  onclick="ButtonFormulario_Click()"/>
            <label id="labelFormulario">Formulario</label>
         </div>
    </div>
    </div>
    <div id="seccionFooterPrincipal">
        <label>© Tecnológico de Costa Rica </label><br/><br/><br/><br/>
	</div>
    </form>
</body>
</html>
